﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>课程信息</title>
    <link href="~/CSS/bootstrap.css" rel="stylesheet" />
    <link href="~/CSS/font-awesome.min.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Js/bootstrap/bootstrap.js"></script>
    <script src="~/Js/plugin/jquery-form/jquery-form.min.js"></script>
    <!--Jcrop-->
    <link href="~/CSS/Jcrop/crop.min.css" rel="stylesheet" />
    <link href="~/CSS/Jcrop/fineuploader.css" rel="stylesheet" />
    <link href="~/CSS/Jcrop/jquery.Jcrop.min.css" rel="stylesheet" />


    <script src="~/Scripts/Jcrop/jquery.fineuploader-3.1.min.js"></script>
    <script src="~/Scripts/Jcrop/jquery.Jcrop.min.js"></script>
    <script src="~/Scripts/Jcrop/crop.js"></script>

</head>
<body>
    <!--Course Message-->
    <div style="margin: 10px; width: 900px; height: auto;">
        @foreach (var item in ViewBag.CourseList)
        {
            <div class="col-sm-6 col-md-3" style="float: left; margin-top: 5px;">
                <a href="/Student/OutlineShow?CourseId=@item.ICourseId&TeaID=@item.ITeacherId" class="thumbnail">


                    @{
            string tmpUrl = (String.IsNullOrEmpty(item.SImgUrl) ? "/img/demo/m2.jpg" : item.SImgUrl);
                    }
                    <img alt="课程图像" style="height: 150px; width: 100%; display: block;" src='@tmpUrl'>
                </a>
                <div class="caption">
                    <h3><a href="/Student/OutlineShow?CourseId=@item.ICourseId&TeaID=@item.ITeacherId">@item.SCourseName</a>
                        @{ int incompelete = item.IIncomplete == null ? 0 : item.IIncomplete; }
                        <a href="/Student/Practice?courseId=@item.ICourseId" style="color:red;" title="练习未完成次数">
                            <span class="badge bg-color-greenLight pull-right inbox-badge">@incompelete</span></a>
                    </h3>
                    
                    
                    <h6 style="color: blue;"><a href="/Teacher/TeacherMassage?TeaID=@item.ITeacherId">@item.STeacherName</a></h6>


                    <div style="height: 55px; overflow: hidden;">
                        <p>@Html.Raw(@item.SIntro)</p>
                    </div>
                </div>
            </div>           
        }
    </div>
    <!--Course Message end-->
</body>
</html>
